<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
	<head>
	 	<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>数据与清算状态</title>
		<script type="text/javascript">
			var clearStatusPath = '<%=context%>' +'business/salesDataManage/';
			//默认加载
			$(function(){
				//把访问路径传到js
				setPathPrefix(clearStatusPath);
			});
		</script>
		<style>
			table th,table td{
				text-align:center;
			}
			#progressUl{
				width:800px;
			}
			.product-status-progress{
				margin-top:66px !important;
			}
			#dataAndClear{
				width:800px;
				margin:0 auto;
			}
			#clearBody span{
				font-size:14px;
			}
		</style>
		<%-- <link rel="stylesheet" type="text/css" href="<%=context%>resources/modules/bootstrap/css/dataAndClearStatus/showClearStep.css" /> --%>
		<link rel="stylesheet" type="text/css" href="<%=context%>resources/modules/bootstrap/css/dataAndClearStatus/dataAndClearStatus.css" />
	</head>
	
	<body class="sub-page fixed-nav" >
		<div id="dataAndClear">
			<form>
				<input type="hidden" id="serialNo" value="${serialNo}">
			</form>
			<div class="clearfix">		
				<div id="clearContent" class="margin-top20 margin-left20">
				
					<div id="clearHead" >
						<span style="float: left;margin-right: 20px;">清算进度</span>
						<div id="progressMom" class="clearfix progress progress-striped active" >
							<div id="progress" class="progress-bar progress-bar-warning"></div>
						</div>
						<span style="margin-right: 10px;">预计完成时间 : </span><span id="predictTime"></span>
					</div>
					
					<div class="hr-line-dotted" style="margin-top:15px;"></div>
					<div id="clearBody">
						<div class="product-status-progress" style="width:800px;">
		 				<ul class="status-progress" id="progressUl">
		 					 	<li class="progress-status" >
		 					 		<div class="progress-icon" id="10001">
		 					 			<i class="iconfont icon-audit-pass2"></i>
		 					 		</div>
		 					 		<span class="progress-name">文件接收</span>
	 					 		</li>
	 					 		<li class="progress-line" id="progressLine10001"></li>
		 					 	<li class="progress-status" >
		 					 		<div class="progress-icon" id="10002">
		 					 			<i class="iconfont icon-qianmoney47"></i>
		 					 		</div>
		 					 		<span class="progress-name">清算开始</span>
	 					 		</li>
	 					 		<li class="progress-line" id="progressLine10002"></li>
		 					 	<li class="progress-status" >
		 					 		<div class="progress-icon" id="10003">
		 					 			<i class="iconfont icon-qianmoney113"></i>
		 					 		</div>
		 					 		<span class="progress-name">清算结束</span>
	 					 		</li>
	 					 		<li class="progress-line" id="progressLine10003"></li>
		 					 	<li class="progress-status" >
		 					 		<div class="progress-icon" id="10004">
		 					 			<i class="iconfont icon-map"></i>
		 					 		</div>
		 					 		<span class="progress-name">清算文件导出</span>
	 					 		</li>
	 					 		<li class="progress-line" id="progressLine10004"></li>
		 					 	<li class="progress-status" >
		 					 		<div class="progress-icon" id="10005">
		 					 			<i class="iconfont icon-sellcast"></i>
		 					 		</div>
		 					 		<span class="progress-name">日切完成</span>
	 					 		</li>
						<!-- <div id="product-status-progress" >
							<ul class="status-progress">
		 					 	<li class="progress-status"><div class="progress-icon">文件接收</div></li>
		 					 	<li class="progress-status"><div class="progress-icon">清算开始</div></li>
		 					 	<li class="progress-status"><div class="progress-icon">清算结束</div></li>
		 					 	<li class="progress-status"><div class="progress-icon">清算文件导出</div></li>
		 					 	<li class="progress-status"><div class="progress-icon">日切完成</div></li> -->
		 					 	
							<!-- 
								<li class="clearStep" id="10001"><span class="number"></span><span>文件接收</span></li>
							    <li class="clearStep" id="10002"><span class="number"></span><span>清算开始</span></li>
								<li class="clearStep" id="10003"><span class="number"></span><span>清算结束</span></li>
								<li class="clearStep" id="10004"><span class="number"></span><span>清算文件导出</span></li>
								<li class="clearStep" id="10005"><span class="number"></span><span>日切完成</span></li> 
							-->
							</ul>
						</div>
						
						<div class="clearfix tabs" style="margin-left:40px;">
						    <ul  class="nav clear" role="tablist" style="margin-left:160px;">
						   		<li role="presentation" class="active">
						        	<a href="#dealTime_show_content" onClick="showTypeContent1('table-top','btnDealTime')" id="dealTime_show_content-tab btnDealTime" data-toggle="tab" 
						        		aria-controls="dealTime_show_content">清算处理时间</a>
						        </li>
						        <li role="presentation">
						        	<a href="#excpReord_show_content" onclick="showTypeContent1('table-mid','btnExcpReord')" id="excpReord_show_content-tab btnExcpReord" data-toggle="tab" 
						        		aria-controls="excpReord_show_content" aria-expanded="true" role="tab">文件接收状态</a>
						        </li>
						        <li role="presentation">
						        	<a href="#exportReord_show_content" onclick="showTypeContent1('table-bot','btnExportReord')" id="exportReord_show_content-tab btnExportReord" data-toggle="tab" 
						        		aria-controls="exportReord_show_content" aria-expanded="true" role="tab">文件导出状态</a>
						        </li>
						    </ul>
						</div>
						
						
						<div id="clearInfoTable" class="model">
							<div id="table-top" class="model-content typeContentClear">
							
								<table style="width:82%;text-align:center;margin:0 auto;">
									<thead>
										<tr>
											<th>数据处理项目</th>
											<th>数据处理完成时间</th>
										</tr>
									</thead>
									<tr>
										<td class="white-bg">文件接收</td>
										<td class="white-bg" id="docGetTime"></td>
									</tr>
									<tr>
										<td class="white-bg">清算开始</td>
										<td class="white-bg" id="startTime"></td>
									</tr>
									<tr>
										<td class="white-bg">清算结束</td>
										<td class="white-bg" id="endTime"></td>
									</tr>
									<tr>
										<td class="white-bg">清算文件导出</td>
										<td class="white-bg" id="docExportTime"></td>
									</tr>
									<tr>
										<td class="white-bg">日切完成</td>
										<td class="white-bg" id="changeTime"></td>
									</tr>
								</table>
							
							
								<!-- <table>
									<thead>
										<tr class="height-40" >
											<th>文件接收</th>
											<th>清算开始</th>
											<th>清算结束</th>
											<th>清算文件导出</th>
											<th>日切完成</th>
										</tr>
									</thead>
									<tr>
										<td id="docGetTime" class="table-td-top white-bg"></td>
										<td id="startTime" class="table-td-top white-bg"></td>
										<td id="endTime" class="table-td-top white-bg"></td>
										<td id="docExportTime" class="table-td-top white-bg"></td>
										<td id="changeTime" class="table-td-top white-bg"></td>
									</tr>
								</table> -->
							</div>
							<div id="table-mid"  class="model-content typeContentClear">
								<table>
									<tbody>
										<thead>
											<tr class="height-40" >
												<th>文件</th>
												<th>文件状态</th>
												<th>检查状态</th>
												<th>检查时间</th>
											</tr>
										</thead>
									</tbody>
									<tbody id="docReceiveTbody">
										<tr><td></td><td></td><td></td><td></td></tr>
										<tr><td></td><td></td><td></td><td></td></tr>
										<tr><td></td><td></td><td></td><td></td></tr>
										<tr><td></td><td></td><td></td><td></td></tr>
									</tbody>
								</table>
							</div>
							<div id="table-bot"  class="model-content typeContentClear">
								<table>
									<tbody>
										<thead>
											<tr class="height-40">
												<th>文件</th>
												<th>导出状态</th>
												<th>导出时间</th>
											</tr>
										</thead>
									</tbody>
									<tbody id="docExportTbody">
										<tr><td></td><td></td><td></td></tr>
										<tr><td></td><td></td><td></td></tr>
										<tr><td></td><td></td><td></td></tr>
										<tr><td></td><td></td><td></td></tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="<%=context%>resources/modules/business/register/custDataMgr/dataAndClearStatus.js?r=<%=Math.random()%>"></script>
	</body>

</html>